<#import "/lib/composition.ftl" as ui />
<#import "/lib/spring.ftl" as spring />
<#import "/lib/cb.ftl" as cb />

<@ui.composition "/base.ftl">
  <#assign title in ui>
    Реалистичные пневматические пистолеты - отличный подарок для настоящих мужчин!
  </#assign>

  <#assign content in ui>
    <section id="home" data-type="page" data-name="home" style="padding-top:0px;padding-bottom:0px;">
      <div id="background"></div>      
      <div class="container">      
        <div class="row-fluid">
          <div class="span12">          
            <div id="myCarousel" class="carousel slide" style="height: 400px; margin-bottom:0px;margin-top:0px;">
              <div class="carousel-inner" style="border-width:1px; border-color:#aaa;border-style:solid;">
                <div class="active item">
                  <img src="<@cb.r '/img/guns/ngt1.jpg' />" alt="" />                  
                  <div class="carousel-caption" style="padding: 10px;">
                    <div class="row" style="margin-left: 5px;">
                      <div class="span10">
                        <a style="font-size: 14px; font-weight: bold; color: #dc8700; font-family: 'Verdana';" href="http://air-gun.ru/show_image.php?id=3886&${partnerKey}" target="_blank">Nagant M1895 Revolver</a>
                      </div>
                      <div class="span1" style="margin-left: 85px;">
                        <img src="<@cb.r '/img/guns/gletcher_logo1.png' />" style="height: 40px;" alt="" />
                      </div>
                    </div>
                  </div>
                </div>
                <div class="item">
                  <img src="<@cb.r '/img/guns/dw3.jpg' />" alt="" />                  
                  <div class="carousel-caption" style="padding: 10px;">
                    <div class="row" style="margin-left: 5px;">
                      <div class="span10">
                        <a style="font-size: 14px; font-weight: bold; color: #dc8700; font-family: 'Verdana';" href="http://air-gun.ru/show_image.php?id=1854&${partnerKey}" target="_blank">Dan Wesson 6" Revolver</a>
                      </div>
                      <div class="span2">
                        <img src="<@cb.r '/img/guns/dw_logo2.png' />" style="height: 40px;" alt="" />
                      </div>
                    </div>                    
                  </div>                  
                </div>  
                <div class="item">
                  <img src="<@cb.r '/img/guns/colt3.jpg' />" alt="" />                  
                  <div class="carousel-caption" style="padding: 10px;">
                    <div class="row" style="margin-left: 5px;">
                      <div class="span10">
                        <a style="font-size: 14px; font-weight: bold; color: #dc8700; font-family: 'Verdana';" href="http://air-gun.ru/show_image.php?id=1734&${partnerKey}" target="_blank">Colt 1911</a>
                      </div>
                      <div class="span1" style="margin-left: 85px;">
                        <img src="<@cb.r '/img/guns/colt_logo1.png' />" style="height: 40px;" alt="" />
                      </div>
                    </div>
                  </div>                  
                </div>  
                <div class="item">
                  <img src="<@cb.r '/img/guns/dw5.jpg' />" alt="" />
                  <div class="carousel-caption" style="padding: 10px;">
                    <div class="row" style="margin-left: 5px;">
                      <div class="span10">
                        <a style="font-size: 14px; font-weight: bold; color: #dc8700; font-family: 'Verdana';" href="http://air-gun.ru/show_image.php?id=1854&${partnerKey}" target="_blank">Dan Wesson 6" Revolver</a>
                      </div>
                      <div class="span2">
                        <img src="<@cb.r '/img/guns/dw_logo2.png' />" style="height: 40px;" alt="" />
                      </div>
                    </div>                    
                  </div>                  
                </div>                               
              </div>
              <a class="carousel-control left" href="#myCarousel" data-slide="prev">
                <i class="icon-chevron-left" style="color: gray;"></i>
              </a>
              <a class="carousel-control right" href="#myCarousel" data-slide="next">
                <i class="icon-chevron-right" style="color: gray;"></i>
              </a>
            </div>
          </div>
        </div>
        <div id="featurebox" class="row-fluid">
          <div class="alert alert-warning" style="text-align: center;">
            Внимание! Вся продукция не требует ни каких разрешений или лицензий и продается только лицам, достигшим 18-ти летнего возраста.            
          </div>
                            
          <div class="span11">
            <h4>Не знаете, что подарить парню, мужу или другу? Купите пневматический пистолет!</h4>
            
            <span>
              Из огромного количества моделей пневматических пистолетов были отобраны лишь самые реалистичные и впечатляющие реплики. 
              Пневматические пистолеты точно копирующие боевые аналоги доставляют не только удовольствие при стрельбе, 
              но и служат достойным украшением домашнего интерьера. Не знаете какой пневматический пистолет купить? Полагайтесь на нашу подборку.
            </span>
            
            <div id="vk_like" style="margin-top: 10px;"></div>
            <script type="text/javascript">
              VK.Widgets.Like("vk_like", {type: "full"}, 5);
            </script>
            
            <div style="height: 20px;">&nbsp;</div>
          </div>
        </div>
        
        <div style="text-align: center; background-color: black;">
          <iframe width="560" height="315" src="http://www.youtube.com/embed/yf34_DyEqow" frameborder="0" allowfullscreen></iframe>
        </div>
        
        <div id="featurebox" class="row-fluid">
          <div style="height: 20px;">&nbsp;</div>
          <div class="span11">
            <#list realisticGuns as gun>
              <table class="table">                
                <tr>
                  <td style="width: 320px; border-width: 0px;">
                    <a href="${gun.shopLink}&${partnerKey}" target="_blank">
                      <img src="<@spring.url '/attachment/${gun.docId}/avatar' />" alt="" style="width:300px;" class="img-polaroid" />
                    </a>                    
                  </td>                  
                  <td style="border-width: 0px;">
                    
                    <div class="row" style="margin-left:0px;margin-bottom: 0px;">
                      <div class="span9">
                        <h4 style="margin-top:0px; margin-bottom: 0px;"><a href="${gun.shopLink}&${partnerKey}" target="_blank">${gun.name}</a></h4>
                      </div>
                      <div class="span3">
                        <h4 style="margin-top:0px; margin-bottom: 0px;">${gun.price}&nbsp; руб.</h4>
                      </div>
                    </div>
                    
                    <hr style="margin-top: 0px;margin-bottom: 0px;" />
                    
                    <h5>
                      <table>
                        <@cb.score "Реалистичность" gun.realisticScore />                        
                        <@cb.score "Точность" gun.accuracyScore />
                        <@cb.score "Мощность" gun.powerScore />
                        <tr>
                          <td colspan="2" style="border-width:0px;padding-left:0px;font-size:12px;">
                            <hr style="margin-top: 5px;margin-bottom: 5px;" />
                            ${gun.description}&nbsp;<a href="<@spring.url '/details/${gun.docId}' />" target="_blank">Подробнее...</a>
                          </td>
                        </tr>
                      </table>
                    </h5>
                  </td>
                </tr>              
              </table>
              
              <#if securityService.currentPrincipal == 'admin'>
                <a href="<@spring.url '/admin/edit/${gun.docId}' />">Редактировать</a>
              </#if>
            </#list>
            
            <div class="" style="text-align: center;">
              <h4 style="margin-top:0px; margin-bottom: 50px;"><a href="http://air-gun.ru?${partnerKey}" target="_blank">Посмотреть все пистолеты...</a></h4>
            </div>            
          </div>
        </div>
        
        <#if securityService.currentPrincipal == 'admin'>
          <a href="<@spring.url '/admin/new' />">Добавить</a>
        </#if>        
      </div>
    </section>
  
    <@cb.addScript>
      <script>
        $(function() {
          $('.carousel').carousel();          
        });
      </script>    
    </@cb.addScript>
  </#assign>
</@ui.composition>
